<table class="tlp-table doc-table-color">
    <thead>
    <tr>
        <th class="doc-color-name">Name</th>
        <th class="doc-color-variable">Variable</th>
        <th>Primary hexa code</th>
        <th>Secondary hexa code</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>
            <span class="doc-color doc-color-inca-silver"></span>
            Inca silver
        </td>
        <td><code class="code-inline">$tlp-swatch-inca-silver[-secondary]</code></td>
        <td><code class="code-inline">#767676</code></td>
        <td><code class="code-inline">#eeeeee</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-chrome-silver"></span>
            Chrome silver
        </td>
        <td><code class="code-inline">$tlp-swatch-chrome-silver[-secondary]</code></td>
        <td><code class="code-inline">#a5a5a5</code></td>
        <td><code class="code-inline">#fafafa</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-fiesta-red"></span>
            Fiesta red
        </td>
        <td><code class="code-inline">$tlp-swatch-fiesta-red[-secondary]</code></td>
        <td><code class="code-inline">#dc2f2f</code></td>
        <td><code class="code-inline">#ffdfdf</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-teddy-brown"></span>
            Teddy brown
        </td>
        <td><code class="code-inline">$tlp-swatch-teddy-brown[-secondary]</code></td>
        <td><code class="code-inline">#9b6542</code></td>
        <td><code class="code-inline">#f9ebe1</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-clockwork-orange"></span>
            Clockwork orange
        </td>
        <td><code class="code-inline">$tlp-swatch-clockwork-orange[-secondary]</code></td>
        <td><code class="code-inline">#ff9400</code></td>
        <td><code class="code-inline">#fff0dc</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-red-wine"></span>
            Red wine
        </td>
        <td><code class="code-inline">$tlp-swatch-red-wine[-secondary]</code></td>
        <td><code class="code-inline">#9e1919</code></td>
        <td><code class="code-inline">#f7e8e8</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-acid-green"></span>
            Acid green
        </td>
        <td><code class="code-inline">$tlp-swatch-acid-green[-secondary]</code></td>
        <td><code class="code-inline">#92c71e</code></td>
        <td><code class="code-inline">#ecf4d9</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-army-green"></span>
            Army green
        </td>
        <td><code class="code-inline">$tlp-swatch-army-green[-secondary]</code></td>
        <td><code class="code-inline">#7f9a42</code></td>
        <td><code class="code-inline">#e5f2c8</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-sherwood-green"></span>
            Sherwood green
        </td>
        <td><code class="code-inline">$tlp-swatch-sherwood-green[-secondary]</code></td>
        <td><code class="code-inline">#28c43a</code></td>
        <td><code class="code-inline">#e9ffeb</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-ocean-turquoise"></span>
            Ocean turquoise
        </td>
        <td><code class="code-inline">$tlp-swatch-ocean-turquoise[-secondary]</code></td>
        <td><code class="code-inline">#28c4a0</code></td>
        <td><code class="code-inline">#d3fcf2</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-daphne-blue"></span>
            Daphne blue
        </td>
        <td><code class="code-inline">$tlp-swatch-daphne-blue[-secondary]</code></td>
        <td><code class="code-inline">#0fd8d8</code></td>
        <td><code class="code-inline">#e3ffff</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-lake-placid-blue"></span>
            Lake placid blue
        </td>
        <td><code class="code-inline">$tlp-swatch-lake-placid-blue[-secondary]</code></td>
        <td><code class="code-inline">#33c0ea</code></td>
        <td><code class="code-inline">#dff5ff</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-deep-blue"></span>
            Deep blue
        </td>
        <td><code class="code-inline">$tlp-swatch-deep-blue[-secondary]</code></td>
        <td><code class="code-inline">#2b6cdc</code></td>
        <td><code class="code-inline">#deeaff</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-plum-crazy"></span>
            Plum crazy
        </td>
        <td><code class="code-inline">$tlp-swatch-plum-crazy[-secondary]</code></td>
        <td><code class="code-inline">#890de1</code></td>
        <td><code class="code-inline">#f3e2ff</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-peggy-pink"></span>
            Peggy pink
        </td>
        <td><code class="code-inline">$tlp-swatch-peggy-pink[-secondary]</code></td>
        <td><code class="code-inline">#e10dcb</code></td>
        <td><code class="code-inline">#ffe9fd</code></td>
    </tr>
    <tr>
        <td>
            <span class="doc-color doc-color-flamingo-pink"></span>
            Flamingo pink
        </td>
        <td><code class="code-inline">$tlp-swatch-flamingo-pink[-secondary]</code></td>
        <td><code class="code-inline">#ff87c4</code></td>
        <td><code class="code-inline">#fff2f8</code></td>
    </tr>
    </tbody>
</table>
